@charset "utf-8";
@media screen and (min-width: 1100px) {
	.nav-dropDown{
		display: none!important;
	}
	.nav-list{
		display: block!important;
	}
	.nav.fixed{
		display:block;
	}
	
}
/*屏幕宽度小于1100像素样式 但是 大于 360像素 */
@media screen and (max-width: 1100px) and (min-width:361px){

.special_topic {
	width: 360px !important;
}
.special_topic-l li {
	width: 360px !important;
}

}
@media screen and (max-width: 360px){

.special_topic {
	width: 100% !important;
}

}

/*屏幕宽度小于1100像素样式*/
@media screen and (max-width: 1100px){
	.nav.fixed{
		display:none;
	}
	.header {
		margin-top: 0;
	}
	.main{
		width: 100%;
		min-width: 1px;
		overflow: hidden;
	}
	.top{
		float: right;
		margin-top: 5px;
		margin-right: 5px;
	}
	.header > .logo{
		clear: both;
		float: left;
		width: 480px;
		height: 50px;
		margin-top: 10px;
		background: none;

	}
	.header > .logo > .logo-bg{
		height: 50px;
		background-size: contain;
	}
	.nav-open{
		display: block;
		float: right;
		margin-right: 5px;
		margin-top: 10px;
		height: 50px;
		line-height: 50px;
		font-size: 2em;
		color: #224390;
		cursor: pointer;
	}
	.nav{
		position: fixed;
		right: -1000px;
		top: 0px;
		z-index: 999;
		height: 100%;
		margin: 0 auto;
		color: #fff;
		background: rgba(34,67,144,0.7);
		line-height: 2em;
		overflow: auto;
		border: none;
	}
	.nav-close{
		position: fixed;
		right: 0;
		top: 0;
		display: none;
	}
	.nav-close span{
		display: block;
		margin-top: 10px;
		margin-right: 10px;
		font-size: 1.5em;
		cursor: pointer;
	}
	.nav-list{
		width: auto;
		float: left;
		margin: 2em 2em 1em 1em;
	}
	.nav-list > li{
		clear: both;
		height: auto;
		min-width: 7em;
		background: none;
	}
	.nav-list > li > a{
		float: left;
	}
	.nav-list > li:hover > a{
		border-bottom: 0;
	}
	.nav-list > li > span{
		float: right;
		line-height: 2em;
	}
	.nav a{
		color: #fff;
	}
	.secondNav{
		position: relative;
		clear: both;
		left: 0;
		top: 0;
		display: block;
		z-index: 999;
		min-width: 100%;
		background: inherit;
	}
	.secondNav li{
		text-indent: 1em;
		text-align: left;
	}
	.secondNav li a{
		font-size: 0.875em;
	}
	.secondNav-img,
	.secondNav-img img{
		display: none;
	}
	.secondNav-img{
		margin: 15px 15px 15px 50px;
	}

	.index-banner{
		clear: both;
		margin-top: 20px;
	}
	.slogan{
		margin: -111px 0 0 -207px;
	}
	.slogan p{
		font-size: 24px;
		color: #ffffff;
		line-height: 27px;
	}
	.slogan h1{
		font-size: 80px;
		line-height: 90px;
		padding-right: 90px;
	}
	.slogan span{
		font-size: 18px;
	}
	.main-content{
		max-width: 750px;
	}
	.newsTabs-list li a:hover{
		color: #000;
	}
	.territory{
		float: left;
		width: 340px !important;
		margin-top: 30px;
	}
	.territory-img img{
		height: 100%;
	}

	.territory-btn li{
		margin: 0 20px;
	}
	.project{
		width: 360px;
		height: 252px;
		margin-left: 50px;
	}
	.project-list{
		height: 220px;
	}
	.project-list li{
		height: 100%;
	}
	.project-list img{
		height: 100%;
	}
	.responsibility{
		width: 340px;
		height: 252px;
		margin-left: 0;
	}
	.responsibility-img{
		height: 219px;
	}
	.responsibility-img img{
		height: 100%;
	}
	.topics{
		float: left;
		width: 360px;
		height: 252px;
		margin-left: 50px;
	}

	.quickLinks-list li {
		margin-left: 25px;
	}

	.footer{
		max-width: 750px;
		overflow: hidden;
		margin: 0 auto 50px;
		background: none;
	}
	.footer-main{
		overflow: hidden;
	}
	.company-intro,
	.footer-main .contact,
	.footer-main .share{
		width: 350px;
		margin-right: 0;
	}
	.footer-main .company-intro:first-child,
	.footer-main .contact{
		margin-right: 50px;
	}
	.footer-main .share{
		margin-top: 80px;
	}
	.copyright-center {
		padding-top: 20px;
		width: 100%;
	}
	.copyright-center p {
		position: initial;
		margin-top: 10px;
		text-align: center;
	}
	.column-grid .column-img img{
		height: 100%;
	}
	.organization-tabs .tab-content{
		min-height: 500px;
	}
	.ryjx-type-tabs span.select{
		background-image: url(../images/ryjz_tabs_bg_mobile.png);
	}
	.qyzz-name-list li,
	.qyzz-img-list li{
		display: block;
		float: none;
		width: 100%;
		text-align: center;
	}
	.qyzz-img-list li{
		margin-bottom: 10px;
		text-align: center;
	}

	/*责任理念*/
	.concept .item{
		overflow: initial;
		height: auto;
	}
	
	.concept .item .left,
	.concept .item .right{
		height: auto;
		padding-bottom: 20px;
	}
	.concept .item .right img{
		min-height: 1px;
		height: auto;
	}
	/*责任行动*/
	.action-main .action-year{
		height: 31px;
		overflow-y: hidden;
		overflow-x: auto;
		padding: 0;
		white-space: nowrap;
	}
	.action-main .action-year li{
		display: inline-block;
		float: none;
		width: auto;
		margin-bottom: 0;
	}
	.action-main .action-year li.select span{
		background-image: url(../images/year_bg_mobile.png);
	}
	.action-main .action-year li .icon{
		display: none;
	}
	.action-list{
		margin-top: 10px;
	}
	.action-list li{
		display: flex;
		display: -webkit-flex;
	}
	.action-list li a{
		flex: 1;
		-webkit-flex: 1;
	}
	.action-list li .date{
		width: 90px;
		text-align: right;
	}
	/*企业视讯*/
	.video-grid li img,
	.zrln-con-grid li img,
	.zrln-con-grid li h1 {
		height: auto;
	}
	.video-grid li h1{
		font-size: 16px;
	}
	/*新闻中心栏目*/
	.contentRight .imgNews {
		height: auto;
		margin-bottom: 60px;
	}
	.columnList {
		width: 100%;
	}
	.columnList-l li {
		position: relative;
		overflow: hidden;
	}
	.columnList-l li a {
		position: absolute;
		left: 0;
		right: 50px;
		width: auto;
	}
	

	/*业务领域*/
	.pictures-list li img{
		height: auto;
	}
	/*品牌工程*/
	.header > .logo.ppgc-logo{
		width: 100%;
		height: 68px;
		margin-top: 0;
	}
	.header > .logo.ppgc-logo > .logo-bg{
		height: 100%;
		background-size: contain;
	}
	.ppgc-box{
		width: 98%;
		max-width: 750px;
	}
	.ppgc-box .xmlc-image img{
		max-width: 100%;
	}
	.ppgc-banner > img{
		min-width: 100%;
		width: auto;
		height: auto;
	}
	.ppgc-title h1{
		font-size: 2.5rem;
	}
	.ppgc-title p{
		font-size: 1rem;
	}

	.ppgc-column.xmyy .column-img,
	.ppgc-column.xmyy .column-img img{
		height: auto;
	}
	.ppgc-slideView .slideView-main{
		overflow: hidden;
		max-width: 750px;
		margin: 30px auto 0;
	}
	.ppgc-slideView .slideView-bg{
		display: none;
	}

	.ppgc-slideView .slideView-box{
		position: initial;
		float: left;
		margin-left: 0;
	}
	.ppgc-slideView .slideView-buttons{
		display: none;
	}
	.ppgc-slideView .slideView-wrapper{
		margin-left: 0!important;
	}
	.ppgc-slideView .slideView-list{
		overflow: hidden;
		max-width: 488px;
		margin: 0 auto;
	}
	.ppgc-slideView .slideView-list li{
		display: block;
		width: 225px;
		margin-left: 0;
		margin-bottom: 20px;
	}
	.ppgc-slideView .slideView-list li:nth-child(odd){
		float: left;
	}
	.ppgc-slideView .slideView-list li:nth-child(even){
		float: right;
	}
	.ppgc-slideView .slideView-list li:nth-child(3n){
		clear: both;
	}
	.ppgc-slideView .slideView-list h2,
	.ppgc-slideView .slideView-list p{
		color: #333;
	}
	.ppgc-main .swiper-container{
		margin-bottom: 20px;
	}
	.ppgc-main .swiper-slide img{
	}
	.ppgc-column.mtgz{
		margin-bottom: 20px;
	}
	.ppgc-column ul li{
		display: flex;
		display: -webkit-flex;
	}
	.ppgc-column ul li a{
		flex: 1;
		-webkit-flex: 1;
	}
	
	.ywly-grid.two-column li,
	.ywly-grid.two-column li img,
	.ywly-grid.three-column li,
	.ywly-grid.three-column li img {
		width: 100%;
		height: auto;
	}

	/*宽100%的元素*/
	.main-content,
	.territory-img,
	.territory-img img,
	.project-list li,
	.project-list img,
	.responsibility-img img,
	.footer,
	.footer-main,
	.copyright p,
	.column-grid,
	.column-grid .column-img img,
	.concept .item .left,
	.concept .item .right,
	.action-main .action-year,
	.action-data,
	.action-list li,
	.video-grid,
	.video-grid li,
	.video-grid li img,
	.zrln-con-grid li,
	.contentRight .imgNews,
	.pictures-list li,
	.logo.ppgc-logo,
	.backHome-center,
	.ppgc-column.xmgk,
	.ppgc-column.xmyy,
	.ppgc-column.xmyy .column-img,
	.ppgc-column.xmyy .column-img img,
	.ppgc-slideView .slideView-box,
	.ppgc-slideView .slideView-wrapper,
	.ppgc-slideView .slideView-list,
	.ppgc-column.shzr,
	.ppgc-main .swiper-slide img,
	.ppgc-column.mtgz{
		width: 100%;
	}
	
	/*伸缩元素*/
	.right-column-list li {
		display: -webkit-flex;
		display: flex;
	}
	.right-column-list li a {
		padding-right: 10px;
		-webkit-flex: 1;
		flex: 1;
	}

}

/*屏幕小于750样式*/
@media screen and (max-width: 750px){
	/* 首页 */
	.fullwidthbanner-container{
		top:14px;
	}
	.top{
		margin-top:-4px !important;
	}
	.main-content{
		width: 98%;
		max-width: 360px;
	}
	.nav-open{
		margin-top: 6px;
	}
	.index-banner{
		/*height: 300px;*/
	}
	.slogan{
		margin-top: -100px;
	}
	.slogan h1 span{
		font-size: 12px;
	}
	.slogan p {
		margin-top: 20px;
		font-size: 1em;
		color: #ffffff;
		line-height: 1em;
	}
	.slogan h1 {
		padding-right: 30px;
		font-size: 2em;
		color: #fff;
		line-height: 1.5em;
		font-weight: bold;
	}
	.slogan span {
		font-size: 0.875px;
		color: #fff;
		line-height: 16px;
	}
	.imgNews{
		width: 100%!important;
	}
	.newstabs{
		width: 100%;
		margin-left: 0;
		margin-top: 30px;
	}
	.territory{
		width: 100%;
	}
	.territory-btn li{
		margin-left: 24px;
	}
	.project{
		width: 100%;
		clear: both;
		margin-left: 0;
		margin-top: 30px;
		float: left;
	}
	.responsibility{
		float: left;
		width: 100%;
	}
	.topics{
		width: 100%;
		margin-left: 0;
	}
	.exhibition-list li{
		width: 100%!important;
		margin-left: 0;
	}
	.quickLinks-list{
		clear: both;
		float: none;
		display: block;
		margin-left: 65px;
	}
	.quickLinks-list li {
		float: none;
		overflow: hidden;
		margin-left: 0;
		margin-top: 20px;
	}
	.footer{
		width: 95%;
		max-width: 360px;
	}
	.share{
		clear: both;
		float: left;
		width: 100%!important;
	}
	.share-btn{
		width: 100%;
		text-align: center;
	}
	.share-btn li{
		float: none;
		display: inline-block;
	}

	.column-banner{
		display: none;
	}
	.leftNav{
		float: none;
		width: 100%;
	}
	.leftNav-top,
	.leftNav-list{
		width: 100%;
	}
	.contentRight{
		width: 100%;
		margin: 20px 0 0 0;
	}
	.columnDetails-img{
		display: none;
	}
	.organization-tabs .tab-list li,
	.zzry-main .zzry-tabs li{
		width: 50%;
		box-sizing: border-box;
	}
	.ryjx-type-tabs span{
		width: 50%;
		margin-right: 0;
	}
	.listPage > *,.listPage-holder *{
		margin-top: 10px;
	}
	.ywly-list li{
		width: 50%;
		box-sizing: border-box;
		margin-right: 0;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
	}
	.ywly-list li img{
		width: 100%;
	}
	.header > .logo.ppgc-logo{
		position: relative;
	}
	.header > .logo.ppgc-logo .logo-bg{
		position: absolute;
		left: 0;
		right: 100px;
	}
	.ppgc-title h1{
		font-size: 1.5rem;
	}
	.ppgc-title p{
		font-size: 0.8rem;
	}
	.ppgc-column.xmgk .column-img,
	.ppgc-column.xmgk .column-img img{
		height: auto;
	}
	.ppgc-column.xmgk .column-img,
	.ppgc-column.xmgk .column-img img,
	.ppgc-column.xmgk .column-img h2{
		width: 100%;
	}
	.ppgc-slideView .slideView-list{
		max-width: 225px;
	}

}

/*屏幕小于510样式*/
@media screen and (max-width: 510px){
	.header > .logo,
	.header > .logo > .logo-bg{
		width: 270px;
	}
	.copyright{
		text-align: center;
		line-height: 20px;
	}
	.copyright p i{
		display: none;
	}
	.copyright p span{
		display: block;
	}
}

/*屏幕小于360样式*/
@media screen and (max-width: 360px){
	.newsTabs-tag{
		display: -moz-box;
		display: -webkit-box;
		display: box;
	}
	.newsTabs-tag a{
		display: block;
		-moz-box-flex: 1;
		-webkit-box-flex: 1;
		box-flex: 1;
		margin-right: 0;
		text-align: right;
	}
	.newsTabs-tag a:first-child{
		-moz-box-flex: 0;
		-webkit-box-flex: 0;
		box-flex: 0;

	}
	.territory-btn{
		display: -moz-box;
		display: -webkit-box;
		display: box;
		-webkit-box-align: center;
	}
	.territory-btn li{
		margin: 0;
		float: none;
		display: block;
		-moz-box-flex: 1;
		-webkit-box-flex: 1;
		box-flex: 1;
		text-align: center;
	}
	.project-tag span{
		margin-left: 20px;
	}

}